import { Box, Typography } from "@mui/material";
import { memo } from "react";

/**
 * Freemarker工具页面头部组件
 */
const FreemarkerHeader = memo(() => (
    <Box sx={{ mb: 4 }}>
        <Typography variant="h4" component="h1" gutterBottom align="center">
            Freemarker 工具
        </Typography>
        <Typography variant="subtitle1" color="text.secondary" align="center" sx={{ mb: 2 }}>
            FreeMarker 是一款模板引擎：即一种基于模板和要改变的数据，并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。
        </Typography>
    </Box>
));

export default FreemarkerHeader;